﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Group/1/ManagePage.Master"
    Inherits="System.Web.Mvc.ViewPage<SportsGroupDto>" %>

<%@ Import Namespace="Common" %>
<asp:Content ID="Content1" ContentPlaceHolderID="TitleContent" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MainContent" runat="server">
    <% Html.RenderAction("Top", "Group", new { code = Model.GroupCode }); %>
    <div class="main_wrapper clear">
        <div class="main">
            <div class="h_event">
                <div class="title">
                    <ul class="tab yahei">
                        <li><a href="#" class="current">即将开始</a></li>
                        <li><a href="#">明天</a></li>
                        <li><a href="#">后天</a></li>
                        <li><a href="#">周末</a></li>
                    </ul>
                    <div class="more more_position">
                        <a href="#">更多活动+</a></div>
                </div>
                <div class="h_event_box clear">
                    <div class="event_info">
                        <div class="event_name yahei">
                            <a href="#">海沧搏乐羽毛球馆常规活动</a></div>
                        <div class="event_add">
                            海沧搏乐羽毛球馆</div>
                        <ul class="event_people">
                            <li><a href="#" title="查看周海媚个人主页">
                                <img src="/Content/del/member40_01.jpg" /></a></li>
                            <li><a href="#" title="查看周海媚个人主页">
                                <img src="/Content/del/member40_02.jpg" /></a></li>
                            <li><a href="#" title="查看周海媚个人主页">
                                <img src="/Content/del/member40_03.jpg" /></a></li>
                            <li><a href="#" title="查看周海媚个人主页">
                                <img src="/Content/del/member40_04.jpg" /></a></li>
                            <li><a href="#" title="查看周海媚个人主页">
                                <img src="/Content/del/member40_05.jpg" /></a></li>
                            <li><a href="#" title="查看周海媚个人主页">
                                <img src="/Content/del/member40_06.jpg" /></a></li>
                            <li class="join_num"><a href="#" class="yahei">6</a><span>参加</span></li>
                        </ul>
                        <div class="event_join">
                            <a href="#" title="我要参加"></a><span>本周三(11月11日) 08:30 - 17:30</span>
                        </div>
                    </div>
                    <div class="event_info_more">
                        <div class="event_pay">
                            费用：20元/人</div>
                        <div class="event_intro">
                            喜欢大海，沙滩，海风，自由，健康，运动的朋友，一路徒步6km海边栈道，一路踏着海沙，徐步栈道，欣赏海景，吹吹海风， 途经婚纱摄影看新人幸福，</div>
                        <div class="event_view">
                            <a href="#">查看活动详情</a></div>
                    </div>
                </div>
            </div>
            <div class="h_photo">
                <div class="title">
                    <h2 class="yahei">
                        精彩照片</h2>
                    <div class="more">
                        <a href="#">更多照片+</a></div>
                </div>
                <div class="h_photo_box clear">
                    <ul class="h_photo_list">
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/photo01.jpg" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                上海十月</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/photo02.jpg" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                Back to 1980</div>
                        </li>
                        <li>
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/photo03.jpg" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                最后的童话</div>
                        </li>
                        <li class="end">
                            <div class="pic">
                                <a href="#">
                                    <img src="/Content/del/photo04.jpg" alt="会展海边吹风之美女" /></a></div>
                            <div class="mask">
                            </div>
                            <div class="photo_name">
                                消逝的回忆</div>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="h_groupfeed">
                <div class="title">
                    <ul class="tab yahei">
                        <li><a href="#" class="current">最新动态</a></li>
                        <li><a href="#">帖子</a></li>
                    </ul>
                    <div class="ba_slogan">
                    </div>
                </div>
                <% using (Html.BeginForm("SaveMoving", "Moving", FormMethod.Post, new { id = "MovingForm" }))
                   { %>
                <div class="groupfeed_send">
                    <div class="text_input">
                        <textarea class="input_detail" name="Content" title="动态输入框" tabindex="1"></textarea>
                        <%= Html.Hidden("GroupCode", ViewData["GroupCode"]) %>
                    </div>
                    <div class="send_func">
                        <div class="media_list">
                            <a class="emotion" href="#"><span class="icon"></span></a><a class="picture" href="#">
                                <span class="icon"></span></a><a class="video" href="#"><span class="icon"></span>
                            </a><a class="music" href="#"><span class="icon"></span></a>
                        </div>
                        <div class="send">
                            <a href="#" onclick="$('#MovingForm').submit();"></a>
                        </div>
                    </div>
                </div>
                <% } %>
                <div class="groupfeed_box">
                    <% var groupMovings = ViewData["GroupMovings"] as List<UserMovingDto>; %>
                    <% foreach (var groupMoving in groupMovings)
                       { %>
                    <div class="groupfeed_detail clear">
                        <div class="face">
                            <a href="#">
                                <img src="/Content/del/face50_01.jpg" alt="周扒皮" /></a></div>
                        <div class="detail">
                            <div class="author">
                                <a href="#">
                                    <%= groupMoving.Createor.UserName %></a></div>
                            <div class="text">
                                <%= groupMoving.MovingContent %>
                            </div>
                            <div class="func">
                                <div class="handle">
                                    <a href="#">转发(12)</a><i class="pipe">|</i><a href="#">收藏</a><i class="pipe">|</i><a
                                        href="#">评论(33)</a></div>
                                <div class="from">
                                    <% var t = DateTime.Now - groupMoving.MovingTime; %>
                                    <% if (t.TotalMinutes < 60)
                                       { %>
                                    <a href="#">
                                        <%= t.TotalMinutes %>分钟前</a>
                                    <% }
                                       else if (t.TotalHours < 24)
                                       { %>
                                    <a href="#">
                                        <%= t.TotalHours %>小时前</a>
                                    <% }
                                       else
                                       { %>
                                    <a href="#">
                                        <%= t.TotalDays %>天前</a>
                                    <% } %>
                                </div>
                            </div>
                        </div>
                    </div>
                    <% } %>
                </div>
                <div class="pages">
                    <a href="#">上一页</a><span class="current">1</span><a href="#">2</a><a href="#">3</a><a
                        href="#">4</a><a href="#">5</a><span>...</span><a href="#">19</a><a href="#">下一页</a></div>
            </div>
        </div>
        <div class="side">
            <div class="side_wrapper">
                <div class="group_info">
                    <div class="group_avatar">
                        <img src="<%=ImageLoadHelper.GetNarrowImageUrl(Model.GroupLogo)%>" width="160" height="160"
                            alt="" /></div>
                    <div class="group_detail">
                        <div class="arrow">
                        </div>
                        <div class="group_name_full">
                            <%=Model.GroupName%></div>
                        <div class="group_state">
                            <a href="#">132</a> 讨论<i class="pipe">|</i><a href="#">87</a> 照片<i class="pipe">|</i><a
                                href="#">12</a> 成员</div>
                        <div class="group_intro">
                            <%=Model.GroupSummary%></div>
                    </div>
                </div>
                <div class="member_info">
                    <div class="face">
                        <img src="/Content/del/face_me.jpg" width="50" height="50" /></div>
                    <div class="detail">
                        <div class="name">
                            <a href="#" class="member_level"></a><a href="#">饿要打败我</a></div>
                        <div class="member_grows_bar">
                            <i style="width: 100px;"></i><span>176</span></div>
                    </div>
                </div>
                <div class="side_ad">
                    <img src="/Content/del/side_ad.jpg" width="245" height="200" /></div>
                <div class="hot_topic hot_ask">
                    <div class="title yahei">
                        <h2>
                            精彩讨论</h2>
                    </div>
                    <ul class="hot_topic_list">
                        <li><span class="num">130</span><a href="#">我比刘翔跑得快怎么办</a></li>
                        <li><span class="num">114</span><a href="#">急求李德印、应美凤等太极拳、剑带口令音</a></li>
                        <li><span class="num">103</span><a href="#">请教这辆山地车的前轮如何拆下来?</a></li>
                        <li><span class="num">96</span><a href="#">求一套时尚健身舞！！简单易学大方的</a></li>
                        <li><span class="num">80</span><a href="#">谁帮我介绍类似几个俯卧撑之类的单体运动方法</a></li>
                        <li><span class="num">77</span><a href="#">在家怎么练腹肌和肱二头肌和肱三头肌</a></li>
                        <li><span class="num">63</span><a href="#">请问腹肌如何锻炼？看见很多人不练就有腹肌</a></li>
                        <li><span class="num">69</span><a href="#">渔具分线器 这个东西听渔具店里的老板</a></li>
                        <li><span class="num">40</span><a href="#">滑板派对方向键移位怎么办</a></li>
                    </ul>
                </div>
                <div class="group_member">
                    <div class="title yahei">
                        <h2>
                            队员<span> (12)</span></h2>
                    </div>
                    <div class="group_member_box">
                        <ul>
                            <li>
                                <div class="admin">
                                    掌<br />
                                    门</div>
                                <div class="face">
                                    <a href="#">
                                        <img src="/Content/del/face60_01.jpg" width="50" height="50" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">林可儿</a> 25岁 单身</div>
                                    <div class="likes">
                                        肚皮舞 羽毛球 骑行</div>
                                </div>
                            </li>
                            <li>
                                <div class="coach">
                                    教<br />
                                    练</div>
                                <div class="face">
                                    <a href="#">
                                        <img src="/Content/del/face60_02.jpg" width="50" height="50" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">朱敏</a> 26岁 单身</div>
                                    <div class="likes">
                                        拉丁舞 跑步</div>
                                </div>
                            </li>
                            <li>
                                <div class="second_admin">
                                    护<br />
                                    法</div>
                                <div class="face">
                                    <a href="#">
                                        <img src="/Content/del/face60_03.jpg" width="50" height="50" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">猛男ONE</a> 28岁 单身</div>
                                    <div class="likes">
                                        登山 跑步 游泳</div>
                                </div>
                            </li>
                            <li>
                                <div class="face">
                                    <a href="#">
                                        <img src="/Content/del/face60_04.jpg" width="50" height="50" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">水玲珑</a> 29岁 单身</div>
                                    <div class="likes">
                                        瑜伽 跑步 健身操</div>
                                </div>
                            </li>
                            <li>
                                <div class="face">
                                    <a href="#">
                                        <img src="/Content/del/face60_05.jpg" width="50" height="50" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">爱爱爱不完</a> 23岁 单身</div>
                                    <div class="likes">
                                        拳击 器械 羽毛球</div>
                                </div>
                            </li>
                            <li>
                                <div class="face">
                                    <a href="#">
                                        <img src="/Content/del/face60_06.jpg" width="50" height="50" /></a></div>
                                <div class="detail">
                                    <div class="name">
                                        <a href="#">嘻嘻妞妞</a> 25岁 单身</div>
                                    <div class="likes">
                                        乒乓球 肚皮舞</div>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="group_sort_list">
                    <div class="title yahei">
                        <h2>
                            战队排名</h2>
                        <div class="more">
                            本战队排名：<em>20</em></div>
                    </div>
                    <div class="group_sort_list_box">
                        <ul>
                            <li><span class="num num1">1</span><img src="/Content/del/group60_01.jpg" width="30"
                                height="30" /><a href="#">达拉然废墟羽之战队</a></li>
                            <li><span class="num num2">2</span><img src="/Content/del/group60_02.jpg" width="30"
                                height="30" /><a href="#">有美女一起打</a></li>
                            <li><span class="num num3">3</span><img src="/Content/del/group60_03.jpg" width="30"
                                height="30" /><a href="#">会战前埔羽乒俱乐部</a></li>
                            <li><span class="num">4</span><img src="/Content/del/group60_04.jpg" width="30" height="30" /><a
                                href="#">【安静 】 只一句话</a></li>
                            <li><span class="num">5</span><img src="/Content/del/group60_05.jpg" width="30" height="30" /><a
                                href="#">传说中的师傅</a></li>
                            <li><span class="num">6</span><img src="/Content/del/group60_06.jpg" width="30" height="30" /><a
                                href="#">恐高么</a></li>
                            <li><span class="num">7</span><img src="/Content/del/group60_07.jpg" width="30" height="30" /><a
                                href="#">我画图 你们猜</a></li>
                            <li><span class="num">8</span><img src="/Content/del/group60_02.jpg" width="30" height="30" /><a
                                href="#">爱爱爱不完</a></li>
                            <li><span class="num">9</span><img src="/Content/del/group60_04.jpg" width="30" height="30" /><a
                                href="#">一不留神就错过了</a></li>
                        </ul>
                    </div>
                </div>
                <div class="my_group">
                    <div class="title yahei">
                        <h2>
                            友情战队</h2>
                    </div>
                    <div class="my_group_box">
                        <ul class="clear">
                            <li><a href="#">
                                <img src="/Content/del/group60_02.jpg" width="50" height="50" /></a></li>
                            <li><a href="#">
                                <img src="/Content/del/group60_03.jpg" width="50" height="50" /></a></li>
                            <li><a href="#">
                                <img src="/Content/del/group60_04.jpg" width="50" height="50" /></a></li>
                            <li class="row_end"><a href="#">
                                <img src="/Content/del/group60_05.jpg" width="50" height="50" /></a></li>
                            <li><a href="#">
                                <img src="/Content/del/group60_06.jpg" width="50" height="50" /></a></li>
                            <li><a href="#">
                                <img src="/Content/del/group60_07.jpg" width="50" height="50" /></a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
</asp:Content>
